<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript" src="sled.js"></script>
 
<script type="text/javascript">
function init ()
{
   hide_ps ("p");
   hide_ps ("div");
   h_view ("t1", "box1;box2;box5;box3;box4;box6;box7;box8;box9")
}
</script>
</head>
<body bgcolor="#abcdef" onLoad="init ()" onmouseup="h_select (event,'box1;box2;box5;box3;box4;box6;box7;box8;box9')" >

<h4>Coming soon</h4>


<span id="box1" name="full" 
      style="position:absolute;
	     width:300px;
	     height:300px;
	     top:190px; left:10px;
	     overflow: auto;
	     border-style:solid;
	     border-width:5px;
	     border-color:red;">
</span>


<span id="box2" name="abstract"
      style="position:absolute;
	     width:200px;
	     height:150px;
	     top:10px; left:340px;
	     overflow: auto;
	     border-style:solid;
	     border-width:5px;
	     border-color:green;">
</span>

<span id="box3" name="title" 
      style="position:absolute;
	     width:200px;
	     height:150px;
	     top:180px; left:400px;
	     overflow: auto;
	     border-style:solid;
	     border-width:5px;
	     border-color:blue;">
</span>

<span id="box4" name="title" 
      style="position:absolute;
	     width:200px;
	     height:150px;
	     top:350px; left:400px;
	     overflow: auto;
	     border-style:solid;
	     border-width:5px;
	     border-color:blue;">
</span>

<span id="box5" name="abstract" 
      style="position:absolute;
	     width:200px;
	     height:150px;
	     top:520px; left:340px;
	     overflow: auto;
	     border-style:solid;
	     border-width:5px;
	     border-color:green;">
</span>

<span id="box6" name="tags" 
      style="position:absolute;
	     width:150px;
	     height:100px;
	     top:10px; left:580px;
	     overflow: auto;
	     border-style:solid;
	     border-width:5px;
	     border-color:gold;">
</span>

<span id="box7" name="tags" 
      style="position:absolute;
	     width:150px;
	     height:100px;
	     top:140px; left:640px;
	     overflow: auto;
	     border-style:solid;
	     border-width:5px;
	     border-color:gold;">
</span>


<span id="box8" name="tags" 
      style="position:absolute;
	     width:150px;
	     height:100px;
	     top:440px; left:640px;
	     overflow: auto;
	     border-style:solid;
	     border-width:5px;
	     border-color:gold;">
</span>

<span id="box9" name="tags" 
      style="position:absolute;
	     width:150px;
	     height:100px;
	     top:570px; left:580px;
	     overflow: auto;
	     border-style:solid;
	     border-width:5px;
	     border-color:gold;">
</span>

<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
<br /> <br /> <br /> 
Click on some box and see what happens. Think about it. What it means/represents ?  

<div id="t1">

<p name="asoc" id="t2;t3;t4;t5;t6;t7;t8;t9">
</p>

<div name="title">
title 1
</div>
<div name="abstract">
abstract 1
</div>
<div name="full">
full 1
</div>
<div name="tags">
tags 1
</div>

</div>


<div id="t2">

<p name="asoc" id="t3;t4;t5;t6;t7;t8;t9;t1">
</p>

<div name="title">
title 2
</div>
<div name="abstract">
abstract 2
</div>
<div name="full">
full 2
</div>
<div name="tags">
tags 2
</div>
</div>

<div id="t3">

<p name="asoc" id="t4;t5;t6;t7;t8;t9;t1;t2">
</p>

<div name="title">
title 3
</div>
<div name="abstract">
abstract 3
</div>
<div name="full">
full 3
</div>
<div name="tags">
tags 3
</div>
</div>

<div id="t4">

<p name="asoc" id="t5;t6;t7;t8;t9;t1;t2;t3">
</p>

<div name="title">
title 4
</div>
<div name="abstract">
abstract 4
</div>
<div name="full">
full 4
</div>
<div name="tags">
tags 4
</div>
</div>

<div id="t5">

<p name="asoc" id="t6;t7;t8;t9;t1;t2;t3;t4">
</p>

<div name="title">
title 5
</div>
<div name="abstract">
abstract 5
</div>
<div name="full">
full 5
</div>
<div name="tags">
tags 5
</div>
</div>

<div id="t6">

<p name="asoc" id="t7;t8;t9;t1;t2;t3;t4;t5">
</p>

<div name="title">
title 6
</div>
<div name="abstract">
abstract 6
</div>
<div name="full">
full 6
</div>
<div name="tags">
tags 6
</div>
</div>


<div id="t7">

<p name="asoc" id="t8;t9;t1;t2;t3;t4;t5;t6">
</p>

<div name="title">
title 7
</div>
<div name="abstract">
abstract 7
</div>
<div name="full">
full 7
</div>
<div name="tags">
tags 7
</div>
</div>


<div id="t8">

<p name="asoc" id="t9;t1;t2;t3;t4;t5;t6;t7">
</p>

<div name="title">
title 8
</div>
<div name="abstract">
abstract 8
</div>
<div name="full">
full 8
</div>
<div name="tags">
tags 8
</div>
</div>


<div id="t9">

<p name="asoc" id="t1;t2;t3;t4;t5;t6;t7;t8">
</p>

<div name="title">
title 9
</div>
<div name="abstract">
abstract 9
</div>
<div name="full">
full 9
</div>
<div name="tags">
tags 9
</div>
</div>


</body>
</html>
